body{
    background-color:  #f4fcff;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
p{
    margin: 0;
    padding: 0;
}
.tou{
   width: 100%;
   height: 64px;
   background-color: #fff;
   display: flex;
   /* margin-top: 79px; */
   position: relative;
   
}
.tou .left{
    width: 132px;
    height: 60px;   
    /* background-color: yellow; */
    margin-left: 16px;
    margin-top: 3px;
    /* float: left; */
    display: flex;
    flex-wrap: wrap;
}
.logo{
    width: 56px;
    height: 16px;
    float: left;
    /* background-color: red; */
    background-image: url(images/lab_Gold\ member.png);

}
.tou .right{
    width: 64px;
    height: 64px;
    /* background-color: red; */
    position: absolute;
    top:0;
    right:0;
}
.tou .right .lo{
    position: absolute;
    bottom: 0;
    right: 0;
}
.tou p{
    font-size: 12px;
}
.zhong{
    display: flex;
    width: 280px;
    height: 139px;
    /* background-color: red; */
    margin:  0 auto;
    margin-top: 16px;
    background-image: url(images/page\ controls_membership\ card.png);
}
.zh{
    position: relative;
    
}
.zhong1{
    width: 100%;
    height: 91px;
    background-color: #F5F9FA;
    position: absolute;
    top:48px;
     display: flex;
     justify-content: center; 
     align-items: center;  
    justify-content: space-around;
    /* align-content: space-around; */
     flex-wrap: wrap; 
    

}
.zhong1>div{
    width: 48px;
    height: 61px;
    /* background-color: red; */
    text-align: center; 
     display: flex;   
     justify-content: center;
    align-items: center; 
    justify-content: space-around; 
    align-content: space-around;  
     flex-wrap: wrap;  
    
}
.zhong1>div>p{
    font-size: 20px;
}
.zhong1>div>a{
    font-size: 12px;
} 


.box2{
    width: 100%;
    height: 64px;
    margin-top: 16px;
    /* background-color: tomato; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
    justify-content: space-around;
    align-content: space-around;
}
.box2 div{
    width: 96px;
    height: 64px;
    /* background-color: pink; */
}
.box2 div:nth-of-type(1){
   background-image: url(images/icon／64pt／\.png);
    background-repeat: no-repeat;
}
.box2 div:nth-of-type(2){
    background-image: url(images/icon／64pt／\(1\).png);
}
.box2 div:nth-of-type(3){
    background-image: url(images/icon／64pt／\(2\).png);
}
.box2 div:nth-of-type(4){
    background-image: url(images/icon／64pt／\(3\).png);
}
.box3 {
    width: 100%;
    height: 78px;
    /* background-color: red; */
    margin-top: 32px;
   
}
.box3>div{
    height: 25px;
    border-bottom:1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center;
    align-content: space-around; 
}
.box3>div>span{
    font-size: 12px;
}
.box3-1{ 
    position: absolute;
    top:0;
    right:0;
}
.xai{
    width: 100%;
    height: 49px;
    margin-top: 211px;
    /* background-color: thistle; */
    display: flex;
    align-content: space-around;
    justify-content: center;
    justify-content: space-around;
}
.xai>div{
    width: 25px;
    height: 49px;
    display: flex;
    align-items: center; 
     align-content: space-around; 
     flex-wrap: wrap;
    /* background-color: tomato;
     */
  
}
.xai>div>a{
    font-size: 10px;
}
a{
    text-decoration: none;
}